<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<title>无标题文档</title>
<script src="js/jquery.js"></script>
<script src="js/iscroll.js"></script>
<script src="js/iscroll-ykt.js"></script>
<!--<script>
	var myscroll;
	function loaded(){
		myscroll=new iScroll("wrapper",{
			topOffset: 0,
			onRefresh: function(){},
			onScrollMove: function(){},
			onScrollEnd: function(){}
		});
	}
	window.addEventListener("DOMContentLoaded",loaded,false);
</script>-->
	<#include "public/app/mxcss.ftl">
</head>

<body>
<article class="hometop">
	<a href="#">
		<span>理财产品交易查询<i class="ml12 fa f20 fa-angle-right "></i></span>
    </a>
    <dl class="topmenu">
		<dd><a href="tradequery/alltradequery"><img src="../images/icon-21.png"> 全部 <b></b></a></dd>
		<dd><a href="tradequery/accountquery"><img src="../images/icon-22.png"> 平台账户交易查询 <b></b></a></dd>
		<dd><a href="tradequery/producttrade"><img src="../images/icon-23.png"> 理财产品交易查询 <b><img src="images/icon-topmenuok.png"></b></a></dd>
		<dd><a href="tradequery/productreturn"><img src="../images/icon-24.png"> 理财产品返还查询 <b></b></a></dd>
    </dl>
</article>

<article class="jiaoyi">
	<section id="wrapper">
    	<div id="scroller" class="fundlist" >
	        <div id="pullDown">
<!--				<span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span>-->
			</div>
            <div class="clear"></div>
    	<ul id="thelist">        	
        	<li>
            	<a href="理财产品交易详情.html">
                <ul>
                	<li class="fl">
                    	<span><img src="images/icon-13.png"></span>
                        <span>超级黄金80天理财<br><em class="f12">2014-07-15 10:23:45</em></span>
					</li>
                    <li class="fr">
                    	<span class="tr"><em class="forange f16">1,000.00<b class="f10"> 元</b></em><br><em class="fgray">认购</em></span>
                        <span><i class="fa fa-angle-right f24 fgray"></i></span>
					</li>
				</ul>         
                </a>
            </li>
            <li>
            	<a href="理财产品交易详情.html">
                <ul>
                	<li class="fl">
                    	<span><img src="images/icon-13.png"></span>
                        <span>彩虹理财60天<br><em class="f12">2014-07-15 10:23:45</em></span>
					</li>
                    <li class="fr">
                    	<span class="tr"><em class="forange f16">1,000.00<b class="f10"> 元</b></em><br>
                    	<em class="fgray">兑付</em></span>
                        <span><i class="fa fa-angle-right f24 fgray"></i></span>
					</li>
				</ul>         
                </a>
            </li>
            <li>
            	<a href="理财产品交易详情.html">
                <ul>
                	<li class="fl">
                    	<span><img src="images/icon-13.png"></span>
                        <span>超级黄金80天理财<br><em class="f12">2014-07-15 10:23:45</em></span>
					</li>
                    <li class="fr">
                    	<span class="tr"><em class="forange f16">1,000.00<b class="f10"> 元</b></em><br><em class="fgray">认购</em></span>
                        <span><i class="fa fa-angle-right f24 fgray"></i></span>
					</li>
				</ul>         
                </a>
            </li>
            <li>
            	<a href="理财产品交易详情.html">
                <ul>
                	<li class="fl">
                    	<span><img src="images/icon-13.png"></span>
                        <span>彩虹理财60天<br><em class="f12">2014-07-15 10:23:45</em></span>
					</li>
                    <li class="fr">
                    	<span class="tr"><em class="forange f16">1,000.00<b class="f10"> 元</b></em><br>
                    	<em class="fgray">兑付</em></span>
                        <span><i class="fa fa-angle-right f24 fgray"></i></span>
					</li>
				</ul>         
                </a>
            </li>
            <li>
            	<a href="理财产品交易详情.html">
                <ul>
                	<li class="fl">
                    	<span><img src="images/icon-13.png"></span>
                        <span>超级黄金80天理财<br><em class="f12">2014-07-15 10:23:45</em></span>
					</li>
                    <li class="fr">
                    	<span class="tr"><em class="forange f16">1,000.00<b class="f10"> 元</b></em><br><em class="fgray">认购</em></span>
                        <span><i class="fa fa-angle-right f24 fgray"></i></span>
					</li>
				</ul>         
                </a>
            </li>
            <li>
            	<a href="理财产品交易详情.html">
                <ul>
                	<li class="fl">
                    	<span><img src="images/icon-13.png"></span>
                        <span>彩虹理财60天<br><em class="f12">2014-07-15 10:23:45</em></span>
					</li>
                    <li class="fr">
                    	<span class="tr"><em class="forange f16">1,000.00<b class="f10"> 元</b></em><br>
                    	<em class="fgray">兑付</em></span>
                        <span><i class="fa fa-angle-right f24 fgray"></i></span>
					</li>
				</ul>         
                </a>
            </li>       
        </ul>
        	<div class="clear"></div>
        	<div id="pullUp">
				<span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载更多...</span>
			</div>
        </div>
    </section>
    <div class="clear" style="height:55px;"></div>
</article>

<article class="homefooter">
	<ul>
    	<li><a href="appbill.ftl"><i class="icon-home1"></i>首页</a></li>
        <li><a href="appbill.ftl"><i class="icon-home5"></i>财富中心</a></li>
    	<li><a href="financialproduct.ftl"><i class="icon-home2"></i>理财产品</a></li>
    	<li class="active"><a href="#"><i class="icon-home3"></i>交易明细</a></li>
    	<li><a href="appusercenter.ftl"><i class="icon-home4"></i>用户中心</a></li>
    </ul>
</article>

<div class="box-shadow"></div>
<script>
$(function(){
	$('.hometop>a').click(function(){
		if($('.topmenu').is(':visible')){
			$('.box-shadow').hide();
			$('.topmenu').hide();
			$('.hometop>a i').removeClass('fa-angle-down').addClass('fa-angle-right');
		}else{
			$('.box-shadow').show();
			$('.topmenu').show();
			$('.hometop>a i').removeClass('fa-angle-right').addClass('fa-angle-down');
		}
	});
	$('.hometop .topmenu dd a').click(function(){
		$('.hometop .topmenu dd a b').empty();
		$(this).find('b').append("<img src='images/icon-topmenuOk.png'>");
	});
	$('.box-shadow').click(function(){
		$('.box-shadow').hide();
		$('.topmenu').hide();
		$('.hometop>a i').removeClass('fa-angle-down').addClass('fa-angle-right');
	});
});
</script>
</body>
</html>